<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>添加会员</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/add_member_form.css">
</head>
<body>
<div class="container">
    <h2>添加会员</h2>
    <form action="${pageContext.request.contextPath}/members/add" method="post" class="add-member-form">
        <div class="form-group">
            <label for="userName">用户名</label>
            <input type="text" id="userName" name="userName" placeholder="请输入会员用户名" required>
        </div>
        <div class="form-group">
            <label for="phoneNumber">电话号码</label>
            <input type="text" id="phoneNumber" name="phoneNumber" placeholder="请输入会员电话号码" required>
        </div>
        <div class="form-group">
            <label for="points">初始积分</label>
            <input type="number" id="points" name="points" placeholder="请输入初始积分（默认为0）" value="0">
        </div>
        <div class="form-actions">
            <button type="submit" class="submit-button">添加</button>
            <a href="${pageContext.request.contextPath}/members" class="cancel-button">取消</a>
        </div>
    </form>
</div>

<!-- 引入 JavaScript 文件 -->
<script src="${pageContext.request.contextPath}/js/add_member_form.js"></script>
</body>
</html>